﻿<%@ Page Title="" Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPages/UserMaster.Master" CodeBehind="Check_Availability.aspx.cs" Inherits="Abs.App.Booking.Check_Availability" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title>T&T ABS: Check Availability</title>
    
    
    <style type="text/css">
            .Busy {background-color: red;}
            .Available {background-color: green;}
    </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    
    <h2>Check Availability</h2>
    <p>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    </p>
    <p>Select which day you would like to view:&nbsp;
        <asp:TextBox id="datepicker" runat="server" ClientIDMode ="Static"/>
   <asp:CalendarExtender ID="CalendarExtender1"
            runat="server" Enabled="True" TargetControlID="datepicker" Format="yyyy/MM/dd">
        </asp:CalendarExtender>
    &nbsp;<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Go" />
            <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                <ProgressTemplate>
                    <asp:Image ImageUrl="~/Content/ajax-loader.gif" runat="server" />
                </ProgressTemplate>
            </asp:UpdateProgress>
            <asp:MaskedEditExtender ID="TextBox1_MaskedEditExtender" runat="server" 
            CultureAMPMPlaceholder="" CultureCurrencySymbolPlaceholder="" 
            CultureDateFormat="" CultureDatePlaceholder="" CultureDecimalPlaceholder="" 
            CultureThousandsPlaceholder="" CultureTimePlaceholder="" Enabled="True" 
            Mask="9999/99/99" MaskType="Number" TargetControlID="datepicker" ClearMaskOnLostFocus="false"></asp:MaskedEditExtender>
        

    </p>
    <p>
        &nbsp;<asp:UpdatePanel ID="ajaxUpdate" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
        </Triggers>
        <ContentTemplate>
            <asp:Table ID="Table_Display" runat="server" CellPadding="5" Visible="False">
            <asp:TableRow ID="TableRow1" runat="server" Font-Bold="True" HorizontalAlign="Center">
                <asp:TableCell ID="TableCell1" runat="server">Room Name</asp:TableCell>
                <asp:TableCell ID="TableCell2" runat="server">7:00</asp:TableCell>
                <asp:TableCell ID="TableCell3" runat="server">8:00</asp:TableCell>
                <asp:TableCell ID="TableCell4" runat="server">9:00</asp:TableCell>
                <asp:TableCell ID="TableCell5" runat="server">10:00</asp:TableCell>
                <asp:TableCell ID="TableCell6" runat="server">11:00</asp:TableCell>
                <asp:TableCell ID="TableCell7" runat="server">12:00</asp:TableCell>
                <asp:TableCell ID="TableCell8" runat="server">13:00</asp:TableCell>
                <asp:TableCell ID="TableCell9" runat="server">14:00</asp:TableCell>
                <asp:TableCell ID="TableCell10" runat="server">15:00</asp:TableCell>
                <asp:TableCell ID="TableCell11" runat="server">16:00</asp:TableCell>
                <asp:TableCell ID="TableCell12" runat="server">17:00</asp:TableCell>
                <asp:TableCell ID="TableCell13" runat="server">18:00</asp:TableCell>
                <asp:TableCell ID="TableCell14" runat="server">19:00</asp:TableCell>
                <asp:TableCell ID="TableCell15" runat="server">20:00</asp:TableCell>
            </asp:TableRow>
        </asp:Table>
        </p>
    <p>&nbsp;</p>
    <p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Table ID="Table_Legend" runat="server" CellPadding="5" 
            HorizontalAlign="Center" Visible="False">
            <asp:TableRow ID="TableRow2" runat="server">
                <asp:TableCell ID="TableCell16" runat="server" CssClass="Available" Height="30px" Width="30px"></asp:TableCell>
                <asp:TableCell ID="TableCell17" runat="server" Font-Bold="True">Available</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow3" runat="server" Height="30px" Width="30px">
                <asp:TableCell ID="TableCell18" runat="server" CssClass="Busy"></asp:TableCell>
                <asp:TableCell ID="TableCell19" runat="server" Font-Bold="True">Busy</asp:TableCell>
            </asp:TableRow>
        </asp:Table>
    </p>
        </ContentTemplate>
    </asp:UpdatePanel>

        

    

</asp:Content>
